<template>
	<slot :controller="controller" :store="store" :model="model">
    <AppForm
		ref="editForm"
        v-bind="$attrs"
		:id="controlID"
		:name="model.codeName"
		:class="classNames"
		:data="store.data"
		>
        <AppAnchor v-if="store.anchorData.length > 0" :controlID="controlID" :anchorData="store.anchorData" />
        <div class="control-content app-control-form__content">
			<AppRow :layoutOpts="{selfLayout: 'TABLE_24COL',}">
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel6.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel6" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel6"
				                v-show="store.detailModel.grouppanel6.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="主信息"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel6.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel6.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel6.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.avuetestname.visible"
				                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <template v-slot:default="{ slotStyle, slotClass }">
				                        <slot name="avuetestname"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                            <AppFormItem 
				                                name="avuetestname"
				                                :slotStyle="slotStyle"
				                                :slotClass="slotClass" 
				                                :label="$t('DEF.LNAME.AVUETEST.AVUETESTNAME', 'avue测试名称')"
				                                labelPos="LEFT" 
				                                :labelWidth="130" 
				                                :showLabel="true"
				                                :enableAnchor="false" 
				                                :rules="store.detailModel.avuetestname.valueRule"
				                                :emptyCaption="false">
				                                <div class="form-editor-container">
				                                    <slot name="avuetestnameEditor"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                        <AppInput
				                                            v-bind="{ editorType: 'TEXTBOX', }"
				                                            type="text"
				                                            style=""
				                                            name="avuetestname"
				                                            :isDebounce="false"
				                                            :disabled="store.detailModel.avuetestname.disabled"
				                                            :value="store.data.avuetestname"
				                                            @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                        />
				                                    </slot>
				                                </div>
				                            </AppFormItem>
				                        </slot>
				                    </template>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel1.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel1" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel1"
				                v-show="store.detailModel.grouppanel1.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="子表单（引用表单）"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel1.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel1.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel1.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.avuechildones.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="avuechildones" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                    <AppFormMdCtrl
				                        key="avuechildones"
				                        name="avuechildones"
				                        entityCodeName="AvueChildOne"
				                        deKeyField="AvueChildOneId"
				                        contentType="FORM"
				                        :context="store.context"
				                        :viewParams="store.viewParams"
				                        @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                        <template v-slot:default="{ context, viewParams, handleCtrlInit, handleCtrlAction, handleCtrlDestroy }">
				                            <AvueChildOneMainForm
				                                name="avuechildones_form"
				                                :actions="{
				                                    loadAction: 'GetTemp',
				                                    loadDraftAction: 'GetDraftTemp',
				                                    updateAction: 'UpdateTemp',
				                                    createAction: 'CreateTemp',
				                                    removeAction: 'RemoveTemp',
				                                }"
				                                :autoLoad="true"
				                                :localMode="true"
				                                :openView="store.openView"
				                                :newView="store.newView"
				                                :context="context"
				                                :viewParams="viewParams"
				                                :closeView="store.closeView"
				                                :pLoadingHelper="store.loadingHelper"
				                                :pViewCtx="store.viewCtx"
				                                @ctrl-init="(name:string, ability:any) => { handleCtrlInit(name, ability) }"
				                                @ctrl-action="(name:string, action:any, data:any) => { handleCtrlAction(name, action, data) }"
				                                @ctrl-destroy="(name:string, data:any) => { handleCtrlDestroy(name, data) }"
				                            />
				                        </template>
				                    </AppFormMdCtrl>
				                    </slot>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel2.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel2" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel2"
				                v-show="store.detailModel.grouppanel2.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="子表单（引用表格）"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel2.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel2.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel2.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.mdctrl2.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="mdctrl2" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                    <AppFormMdCtrl
				                        key="mdctrl2"
				                        name="mdctrl2"
				                        entityCodeName="AvueChildTwo"
				                        deKeyField="AvueChildTwoId"
				                        contentType="GRID"
				                        :context="store.context"
				                        :viewParams="store.viewParams"
				                        @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                        <template v-slot:default="{ context, viewParams, handleCtrlInit, handleCtrlAction, handleCtrlDestroy }">
				                            <AvueChildTwoMainGrid
				                                name="mdctrl2_grid"
				                                :actions="{
				                                    loadDraftAction: 'GetDraftTemp',
				                                    updateAction: 'UpdateTemp',
				                                    createAction: 'CreateTemp',
				                                    removeAction: 'RemoveTemp',
				                                    fetchAction: 'FetchTempDefault',
				                                }"
				                                :defaultEnableRowEdit="true"
				                                                :autoLoad="true"
				                                :localMode="true"
				                                :openView="store.openView"
				                                :newView="store.newView"
				                                :context="context"
				                                :viewParams="viewParams"
				                                :closeView="store.closeView"
				                                :pLoadingHelper="store.loadingHelper"
				                                :pViewCtx="store.viewCtx"
				                                @ctrl-init="(name:string, ability:any) => { handleCtrlInit(name, ability) }"
				                                @ctrl-action="(name:string, action:any, data:any) => { handleCtrlAction(name, action, data) }"
				                                @ctrl-destroy="(name:string, data:any) => { handleCtrlDestroy(name, data) }"
				                            />
				                        </template>
				                    </AppFormMdCtrl>
				                    </slot>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel3.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel3" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel3"
				                v-show="store.detailModel.grouppanel3.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="子表单（重复器表单）"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel3.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel3.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel3.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.avuechildthrees.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="avuechildthrees" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                    <AppFormMdCtrlRepeater
				                        caption=""
				                        name="avuechildthrees"
				                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                        :parentData="store.data"
				                        :context="store.context"
				                        :viewParams="store.viewParams"
				                        :children="[
				                            { name: 'avuechildthreenamefilename', type: 'FORMITEM', caption: '实体3名称' },
				                            { name: 'fieldtestid', type: 'FORMITEM', caption: '测试属性' },
				                            { name: 'avuethreechildones', type: 'REPEATER', caption: '' },
				                        ]"
				                        mode="DEFAULT"
				                        @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                        <template #default="{ data, context, viewParams, handleComponentAction }">
				                            <AppCol
				                                noRoot
				                                :visible="store.detailModel.avuechildthreenamefilename.visible"
				                                :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                                <template v-slot:default="{ slotStyle, slotClass }">
				                                    <slot name="avuechildthreenamefilename" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                        <AppFormItem 
				                                            name="avuechildthreenamefilename"
				                                            :slotStyle="slotStyle"
				                                            :slotClass="slotClass" 
				                                            label="实体3名称"
				                                            labelPos="LEFT" 
				                                            :labelWidth="130" 
				                                            :showLabel="true"
				                                            :enableAnchor="false" 
				                                            :rules="store.detailModel.avuechildthreenamefilename.valueRule"
				                                            :emptyCaption="false">
				                                            <div class="form-editor-container">
				                                                <slot name="avuechildthreenamefilenameEditor" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                    <AppInput
				                                                        v-bind="{ editorType: 'TEXTBOX', }"
				                                                        type="text"
				                                                        style=""
				                                                        name="avuechildthreenamefilename"
				                                                        :isDebounce="false"
				                                                        :disabled="store.detailModel.avuechildthreenamefilename.disabled"
				                                                        :value="data.avuechildthreenamefilename"
				                                                        @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                    />
				                                                </slot>
				                                            </div>
				                                        </AppFormItem>
				                                    </slot>
				                                </template>
				                            </AppCol>
				                            <AppCol
				                                noRoot
				                                :visible="store.detailModel.fieldtestid.visible"
				                                :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                                <template v-slot:default="{ slotStyle, slotClass }">
				                                    <slot name="fieldtestid" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                        <AppFormItem 
				                                            name="fieldtestid"
				                                            :slotStyle="slotStyle"
				                                            :slotClass="slotClass" 
				                                            label="测试属性"
				                                            labelPos="LEFT" 
				                                            :labelWidth="130" 
				                                            :showLabel="true"
				                                            :enableAnchor="false" 
				                                            :rules="store.detailModel.fieldtestid.valueRule"
				                                            :emptyCaption="false">
				                                            <div class="form-editor-container">
				                                                <slot name="fieldtestidEditor" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                    <AppDropdownList
				                                                        codeListTag="Sample__CheckBoxTest"
				                                                        codeListType="STATIC"
				                                                        v-bind="{ editorType: 'DROPDOWNLIST', }"
				                                                        :multiple="false"
				                                                        :context="store.context"
				                                                        :viewParams="store.viewParams"
				                                                        style=""
				                                                        name="fieldtestid"
				                                                        :disabled="store.detailModel.fieldtestid.disabled"
				                                                        :value="data.fieldtestid"
				                                                        :data="data"
				                                                        @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                    /> 
				                                                </slot>
				                                            </div>
				                                        </AppFormItem>
				                                    </slot>
				                                </template>
				                            </AppCol>
				                            <AppCol
				                                noRoot
				                                :visible="store.detailModel.avuethreechildones.visible"
				                                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                <slot name="avuethreechildones" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                <AppFormMdCtrlRepeater
				                                    caption=""
				                                    name="avuethreechildones"
				                                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                                    :level="1"
				                                    :parentData="data"
				                                    :context="context"
				                                    :viewParams="viewParams"
				                                    :children="[
				                                        { name: 'avuethreechildonename', type: 'FORMITEM', caption: '实体3子实体名称' },
				                                    ]"
				                                    mode="DEFAULT"
				                                    @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                                    <template #default="{ data, context, viewParams, handleComponentAction }">
				                                        <AppCol
				                                            noRoot
				                                            :visible="store.detailModel.avuethreechildonename.visible"
				                                            :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                            <template v-slot:default="{ slotStyle, slotClass }">
				                                                <slot name="avuethreechildonename" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                                    <AppFormItem 
				                                                        name="avuethreechildonename"
				                                                        :slotStyle="slotStyle"
				                                                        :slotClass="slotClass" 
				                                                        label="实体3子实体名称"
				                                                        labelPos="LEFT" 
				                                                        :labelWidth="130" 
				                                                        :showLabel="true"
				                                                        :enableAnchor="false" 
				                                                        :rules="store.detailModel.avuethreechildonename.valueRule"
				                                                        :emptyCaption="false">
				                                                        <div class="form-editor-container">
				                                                            <slot name="avuethreechildonenameEditor" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                                <AppInput
				                                                                    v-bind="{ editorType: 'TEXTBOX', }"
				                                                                    type="text"
				                                                                    style=""
				                                                                    name="avuethreechildonename"
				                                                                    :isDebounce="false"
				                                                                    :disabled="store.detailModel.avuethreechildonename.disabled"
				                                                                    :value="data.avuethreechildonename"
				                                                                    @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                                />
				                                                            </slot>
				                                                        </div>
				                                                    </AppFormItem>
				                                                </slot>
				                                            </template>
				                                        </AppCol>
				                                    </template>
				                                </AppFormMdCtrlRepeater>
				                                </slot>
				                            </AppCol>
				                        </template>
				                    </AppFormMdCtrlRepeater>
				                    </slot>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel4.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel4" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel4"
				                v-show="store.detailModel.grouppanel4.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="子表单（重复器表格）"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel4.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel4.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel4.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.avuechildfours.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="avuechildfours" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                    <AppFormMdCtrlRepeater
				                        caption=""
				                        name="avuechildfours"
				                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                        :parentData="store.data"
				                        :context="store.context"
				                        :viewParams="store.viewParams"
				                        :children="[
				                            { name: 'avuechildfourname', type: 'FORMITEM', caption: 'four名称' },
				                            { name: 'fieldtest1', type: 'FORMITEM', caption: '测试属性' },
				                        ]"
				                        mode="STYLE2"
				                        @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                            <template #avuechildfourname="{ context, viewParams, data, handleComponentAction }">
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.avuechildfourname.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="avuechildfournameEditor" :data="data" :context="context" :viewParams="viewParams" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                            <AppInput
				                                                v-bind="{ editorType: 'TEXTBOX', }"
				                                                type="text"
				                                                style=""
				                                                name="avuechildfourname"
				                                                :isDebounce="false"
				                                                :disabled="store.detailModel.avuechildfourname.disabled"
				                                                :value="data.avuechildfourname"
				                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                            />
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                            </template>
				                            <template #fieldtest1="{ context, viewParams, data, handleComponentAction }">
				                                <AppCol
				                                    noRoot
				                                    :visible="store.detailModel.fieldtest1.visible"
				                                    :layoutOpts="{parentLayout: 'TABLE_24COL',colMD: 24,}">
				                                    <template v-slot:default="{ slotStyle, slotClass }">
				                                        <slot name="fieldtest1Editor" :data="data" :context="context" :viewParams="viewParams" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                            <AppDropdownList
				                                                codeListTag="Sample__CheckBoxTest"
				                                                codeListType="STATIC"
				                                                v-bind="{ editorType: 'DROPDOWNLIST', }"
				                                                :multiple="false"
				                                                :context="store.context"
				                                                :viewParams="store.viewParams"
				                                                style=""
				                                                name="fieldtest1"
				                                                :disabled="store.detailModel.fieldtest1.disabled"
				                                                :value="data.fieldtest1"
				                                                :data="data"
				                                                @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                            /> 
				                                        </slot>
				                                    </template>
				                                </AppCol>
				                            </template>
				                    </AppFormMdCtrlRepeater>
				                    </slot>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
				<AppCol
				    noRoot
				    :visible="store.detailModel.grouppanel5.visible"
				    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				    <template #default="{ slotClass, slotStyle }">
				        <slot name="grouppanel5" :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				            <AppFormGroup 
				                name="grouppanel5"
				                v-show="store.detailModel.grouppanel5.visible"
				                :slotClass="slotClass"
				                :slotStyle="slotStyle"
				                :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                title="子表单（重复器1：1表单）"
				                subCaption=""
				                :enableAnchor="false"
				                :showMoreItems="store.detailModel.grouppanel5.showMoreItems"
				                :showMoreMode="store.detailModel.grouppanel5.showMoreMode"
				                :infoGroupMode="false"
				                :titleBarCloseMode="0"
				                :showCaption="true"
				                :uIActionGroup="store.detailModel.grouppanel5.uIActionGroup"
				                @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                <AppCol
				                    noRoot
				                    :visible="store.detailModel.avuechildfives.visible"
				                    :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}">
				                    <slot name="avuechildfives" :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                    <AppFormMdCtrlRepeater
				                        caption=""
				                        name="avuechildfives"
				                        :layoutOpts="{selfLayout: 'TABLE_24COL',parentLayout: 'TABLE_24COL',colMD: 24,}"
				                        :parentData="store.data"
				                        :context="store.context"
				                        :viewParams="store.viewParams"
				                        :children="[
				                            { name: 'avuechildfivename', type: 'FORMITEM', caption: 'five名称' },
				                            { name: 'fieldtest2', type: 'FORMITEM', caption: '测试属性' },
				                        ]"
				                        mode="STYLE3"
				                        @component-action="(actionParam: any) => { handleComponentAction(controller, actionParam) }">
				                        <template #default="{ data, context, viewParams, handleComponentAction }">
				                            <AppCol
				                                noRoot
				                                :visible="store.detailModel.avuechildfivename.visible"
				                                :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                                <template v-slot:default="{ slotStyle, slotClass }">
				                                    <slot name="avuechildfivename" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                        <AppFormItem 
				                                            name="avuechildfivename"
				                                            :slotStyle="slotStyle"
				                                            :slotClass="slotClass" 
				                                            label="five名称"
				                                            labelPos="LEFT" 
				                                            :labelWidth="130" 
				                                            :showLabel="true"
				                                            :enableAnchor="false" 
				                                            :rules="store.detailModel.avuechildfivename.valueRule"
				                                            :emptyCaption="false">
				                                            <div class="form-editor-container">
				                                                <slot name="avuechildfivenameEditor" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                    <AppInput
				                                                        v-bind="{ editorType: 'TEXTBOX', }"
				                                                        type="text"
				                                                        style=""
				                                                        name="avuechildfivename"
				                                                        :isDebounce="false"
				                                                        :disabled="store.detailModel.avuechildfivename.disabled"
				                                                        :value="data.avuechildfivename"
				                                                        @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                    />
				                                                </slot>
				                                            </div>
				                                        </AppFormItem>
				                                    </slot>
				                                </template>
				                            </AppCol>
				                            <AppCol
				                                noRoot
				                                :visible="store.detailModel.fieldtest2.visible"
				                                :layoutOpts="{parentLayout: 'TABLE_24COL',colLG: 12,colMD: 12,colSM: 12,colXS: 12,}">
				                                <template v-slot:default="{ slotStyle, slotClass }">
				                                    <slot name="fieldtest2" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :slotClass="slotClass" :slotStyle="slotStyle" :actions="{ handleComponentAction }">
				                                        <AppFormItem 
				                                            name="fieldtest2"
				                                            :slotStyle="slotStyle"
				                                            :slotClass="slotClass" 
				                                            label="测试属性"
				                                            labelPos="LEFT" 
				                                            :labelWidth="130" 
				                                            :showLabel="true"
				                                            :enableAnchor="false" 
				                                            :rules="store.detailModel.fieldtest2.valueRule"
				                                            :emptyCaption="false">
				                                            <div class="form-editor-container">
				                                                <slot name="fieldtest2Editor" :data="data" :context="context" :viewParams="viewParams"  :controller="controller" :store="store" :model="model" :actions="{ handleComponentAction }">
				                                                    <AppDropdownList
				                                                        codeListTag="Sample__CheckBoxTest"
				                                                        codeListType="STATIC"
				                                                        v-bind="{ editorType: 'DROPDOWNLIST', }"
				                                                        :multiple="false"
				                                                        :context="store.context"
				                                                        :viewParams="store.viewParams"
				                                                        style=""
				                                                        name="fieldtest2"
				                                                        :disabled="store.detailModel.fieldtest2.disabled"
				                                                        :value="data.fieldtest2"
				                                                        :data="data"
				                                                        @component-action="(actionParam: IEvent<string>) => { handleComponentAction(controller, actionParam) }"
				                                                    /> 
				                                                </slot>
				                                            </div>
				                                        </AppFormItem>
				                                    </slot>
				                                </template>
				                            </AppCol>
				                        </template>
				                    </AppFormMdCtrlRepeater>
				                    </slot>
				                </AppCol>
				            </AppFormGroup>
				        </slot>
				    </template>
				</AppCol>
			</AppRow>
        </div>
    </AppForm>
	</slot>
</template>
<script setup lang="ts">
// 基于template/src/widgets/{{appEntities}}/{{ctrls@FORM}}-form/{{spinalCase ctrl.codeName}}-form-base.vue.hbs生成

import { Ref } from 'vue';
import { AppAnchor } from '@components/common/anchor';
import { AppCol } from '@/components/common/col';
import { AppRow } from '@/components/common/row';
import AvueChildOneMainForm from '@widgets/avue-child-one/main-form/main-form.vue';
import AvueChildTwoMainGrid from '@widgets/avue-child-two/main-grid/main-grid.vue';
import { AppForm, AppFormPage, AppFormGroup, AppFormTabPage, AppFormItem, AppFormButton, AppFormDruipart, AppFormIframe, AppFormRaw, AppFormMdCtrl, AppFormMdCtrlRepeater } from '@components/widgets/form';
import { IEvent, EditFormActionType, IEditFormAbility, IEditFormStore, IParam } from '@/core';
import { useProps, useBasic, useAction, useController } from './usr-0222816489-form-hook';

const editForm: Ref = ref(null);

// 输入参数
const props = defineProps(useProps());

// 基础数据
const { controlID, getClassNames, model ,useNavParamsBind, useEventBind, handleActionClick, handleComponentAction } = useBasic(props);

const emit = defineEmits<{
    (event: 'ctrl-action', name: string, action: EditFormActionType, data: IParam[]): void;
    (event: 'ctrl-init', name: string, data: IEditFormAbility): void;
    (event: 'ctrl-destroy', name: string, data: IParam): void;
}>();

const evt = useEventBind(emit);
//  部件样式名
const classNames = computed(() => {
  return getClassNames(props);
});

//  表单控制器
const controller = useController(props, evt, { controlID, editForm });

useNavParamsBind(controller, props);

const store: IEditFormStore = controller.getStore();

const ctrlService = controller.getCtrlService();

onMounted(() => {
    controller.ctrlMounted();
});
onUnmounted(() => {
    controller.ctrlDestroy();
})
</script>